<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 布局标签：结构化语义标签 
    header  表示网页头部
main 表示网页的主体（一个页面中只有一个）
footer 表示网页的底部
nav 表示网页中的导航
aside 和主体相关的其他内容但不属于主体
article 表示一个独立的文章
section 表示一个独立的区块，以上标签都不能表示的时候 使用section 
div 没有语义，用来表示一个区块，主要的布局元素
span 行内元素，没有语义  一般用于在网页中选中文字-->
    <header>aa</header>
    <main>bb</main>
    <footer>cc</footer>
    <nav>dd</nav>
    <aside>ee</aside>
    <article>ff</article>
    <section></section>
    <div></div>
    <span></span>
</body>
</html>